<!doctype html>
<html dir="ltr">

<head>
    <title>TinyMCE Accessibility Plugin Demo</title>
    <style>
        body {
            width: 900px;
            margin: 2em auto;
            background-color: #eee;
        }

        .mce-i-a11y:before {
            content: "\e900";
        }
    </style>
</head>

<body>
    <div class="main">
        <h1>TinyMCE Accessibility Plugin Demo</h1>
        <div id="editor1">
            <textarea id="textarea1">

          <h1>this is a really big heading tag. 51 chars long even. this is a really big heading tag. 51 chars long even. 12345678901234567890</h1>
          
        </textarea>
        </div>
    </div>
    <script src="https://cdn.polyfill.io/v2/polyfill.min.js?rum=0&features=default,Object.values,Object.entries,Object.is,Array.prototype.includes,Array.prototype.findIndex,Symbol,Symbol.iterator,String.prototype.@@iterator,Array.prototype.@@iterator,DOMTokenList.prototype.@@iterator,NodeList.prototype.@@iterator,Function.name"></script>
    <script src="demo.bundle.js"></script>
</body>

</html>
